<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<div class="col-md-3 top-nav">
    <div class="logo">
        <a href="index.html"><h1>Blogger</h1></a>
    </div>
    <div class="top-menu">
        <span class="menu"> </span>
        <ul class="cl-effect-16">
            <li><a class="active" target="mainFrame" href="index2.jsp" >主页</a></li>
            <li><a href="aboutme.jsp"target="mainFrame"  >个人信息</a></li>
            <li><a href="SelectNewsListServlet" target="mainFrame"  >我的动态</a></li>
            <li><a href="FGetBlockServlet" target="mainFrame" >发布新帖</a></li>
            <li><a href="contact.html" target="mainFrame" >Contact</a></li>
        </ul>
        <!-- script-for-nav -->
        <script>
            $("span.menu").click(function () {
                $(".top-menu ul").slideToggle(300, function () {
                    // Animation complete.
                });
            });
        </script>
        <!-- script-for-nav -->
        <ul class="side-icons">
            <li><a class="fb" href="#"></a></li>
            <li><a class="twitt" href="#"></a></li>
            <li><a class="goog" href="#"></a></li>
            <li><a class="drib" href="#"></a></li>
        </ul>
    </div>
    <div class="clearfix"></div>
</div>
</body>
</html>
